<template>
    <Component :is="tab"></Component>
</template>


<script setup>
import {ref} from "vue";

import Student from '@/views/User/Info/components/Student.vue'
import Instructor from '@/views/User/Info/components/Instructor.vue'
import School from "@/views/User/Info/components/School.vue"
import {useUserStore} from "@/stores/user";

const userStore = useUserStore()
let tab = ref()
if (userStore.account.authority === 3) tab = Student
else if (userStore.account.authority === 2) tab = Instructor
else if (userStore.account.authority === 1) tab = School
</script>

<style scoped lang="scss">
:deep(.el-form-item__error) {
    left: 30%;
}
</style>